<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>网上超市购物首页</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="keywords" content="网上超市购物首页">
<meta name="description" content="网上超市购物首页">
<link type="text/css" rel="stylesheet" href="<%=path%>/resources/css/shopstyle.css">
<script type="text/javascript" src="<%=path%>/resources/scripts/html5.js"></script>
<script type="text/javascript" src="<%=path%>/resources/scripts/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="<%=path%>/resources/scripts/jsondata.js"></script>
<script type="text/javascript">
 $(document).ready(function(){
 	loadIndexData('<%=path%>/product/listProducts');
 });
 
</script>
</head>
<body>
<div class="pw">
	<header class="body_header">
		<div class="top">
			<div class="logo"><img src="resources/image/logo.png"></div>
			<div class="menu">
				<br>
				9.00am<br>
				10.00pm
			</div>
		</div>
	</header>
	<section class="body_banner">
		
		<div class="swipe">
			<ul id="slider">
				<li style="display:block"><img width="100%" src="resources/image/banner1.jpg"/></li>
				<li><img width="100%" src="resources/image/banner2.jpg"/></li>
				<li><img width="100%" src="resources/image/banner3.jpg"/></li>
				<li><img width="100%" src="resources/image/banner4.jpg"/></li>
			</ul>
			<div id="pagenavi">
				<a href="javascript:void(0);" class="active">1</a>
				<a href="javascript:void(0);">2</a>
				<a href="javascript:void(0);">3</a>
				<a href="javascript:void(0);">4</a>
			</div>
		</div>
		<script type="text/javascript" src="resources/scripts/touchScroll.js"></script>
		<script type="text/javascript" src="resources/scripts/touchslider.dev.js"></script>
		<script type="text/javascript" src="resources/scripts/run.js"></script>
		
	</section>
	<section class="body_main">
		<div class="trip" id="nav">
			<ul class="nav">
				<li><a href="list.html"><img src="<%=path%>/resources/image/nov01.png"><br>首页</a></li>
				<li><a href="about.html"><img src="<%=path%>/resources/image/nov02.png"><br>团购打折</a></li>
				<li><a href="<%=path%>/shopcart/showShopCartInfo"><img src="<%=path%>/resources/image/nov03.png"><br>查看购物车</a></li>
				<li><a href="cont.html"><img src="<%=path%>/resources/image/nov04.png"><br>联系我们</a></li>
			</ul>
		</div>
		<div class="trip">
			<div class="main">
			<div id="products"></div>
			</div>
		</div>
	</section>
</div>
</body>
</html>
